/**
 * index_a.css
 * 
 * Copyright (c) 2016-2017 QiuPeng All rights reserved.
 * 
 * CREATED BY QiuPeng 2016-09-24
 * 
 */
*, html, body {
	padding: 0;
	margin: 0;
	font-family: 微软雅黑;
}
.c-top {
	font-family: Arial;
	height: 58px;
	background: #333333;
}
.c-top-logotitle {
	margin: 18px 30px 0px 28px;
	color: #ecede7;
	cursor:pointer;
	font-weight: bold;
	font-size: 20px;
	float: left;
}
.c-top-nav {
	float:left;
}
.c-top-nav-home {
	cursor: pointer;
	color:#BDBDBD;
	margin: 22px 2px 0px 160px;
}
.c-top-nav-right {
	color:#9e9e94;
}
.c-top-nav-text1{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	color:#CFD7C5;
	display: inline-block;
	padding-left: 4px;
}
.c-top-nav-text2 {
	font-family: Arial;
	font-weight: bold;
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
	padding-left: 4px;
	color:#9e9e94;
}


.c-top-user {
	float: right;
}

.c-top-user-email, .c-top-user-calendar,.c-top-user-space{
	float: left;
	width: 55px;
	height: 32px;
	cursor: pointer;
	text-align: center;
	border-right: 1px #555555 solid;
	color: #999999;
	padding-top: 22px;
}
.c-top-user-email::after {
	float: left;
	position: relative;
	top:-6px;
	left: 35px;
	font-size: 12px;
	content: "!";
	width: 12px;
	height: 12px;
	border-radius: 2px;
	text-align: center;
	background: #FBD16B;
}
.c-top-user-space {
	width: 10px;
}
.c-top-user-number {
	color: #fff;
	float: left;
	width: 16px;
	cursor: pointer;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	height: 16px;
	background: #f72332;
	border-radius: 2px;
	margin:22px 10px 0px 20px;
}
.c-top-user-name {
	float: left;
	font-family: Arial;
	font-size: 16px;
	cursor: pointer;
	font-weight: bold;
	color:#ecede7;
	margin:22px 16px 0px 20px;
}
.c-top-user-pic {
	float: left;
	width: 58px;
	height: 58px;
}
.c-top-user-pic-img {
	width: 58px;
	cursor: pointer;
	height: 58px;
}
.c-main {
	clear: both;
}
.c-main-left {
	float: left;
	height: 1800px;
	width: 20%;
	background: #F5F5F5;
}
.c-main-left-search {
	padding: 20px 0px 20px 30px;
}
.c-main-left-search-input {
	width: 190px;
	height: 30px;
	border:1px #ccc solid;
	border-radius: 6px;
	background-color: #F5F5F5;
	background: url(../img/serach.png) no-repeat center left;
	background-position: 5px;
}

.c-arrow {
	float: right;
	margin-top: 12px;
	background: none;
    width: 0;
    height: 0;
    border:12px solid #fff;
    border-color: transparent  #fff transparent transparent;
}
.c-active {
	background: #F0F0F0;
}
.c-msginfo {
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	border-radius: 2px;
	float: right;
	color: #fff;
	margin: 20px 25px 0px 0px;
	background: #BBBBBB;
}
.c-main-left-list-item {
	border-top: 1px #ccc solid;
	font-size: 14px;
	font-family: 微软雅黑;
	line-height: 50px;
	padding-left: 30px;
	height: 50px;
}
.c-main-left-list-item:hover{
	background: #F0F0F0;
	cursor: pointer;
}

.c-main-right {
	width: 80%;
	float: left;
}
.c-main-right-mainpic {
	width: 98%;
	margin-left: 20px;
}
.c-main-right-mainpic-condition {
	padding-bottom: 70px;
}
.c-main-right-mainpic-header {
	float: left;
	font-family: 微软雅黑;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0px 0px 4px;
	margin:20px 0px 0px 0px;
}
.c-main-right-mainpic-search {
	padding: 15px 0px 0px 4px;
	margin:20px 0px 0px 0px;
	float: right;
}
.c-main-right-mainpic-search-icon {
	float: left;
	width: 28px;
	text-align: center;
	line-height: 28px;
	height: 28px;
	background: #EEEEEE;
	border-radius: 3px 0px 0px 3px;
	border:1px solid #ccc;
}
.c-main-right-mainpic-search-input {
	float: left;
	height: 28px;
	font-family: Arial;
	padding-left: 10px;
	margin-right: 5px;
	border-radius: 0px 3px 3px 0px;
	border:1px solid #ccc;
	border-left: none;
}
.c-main-right-mainpic-pic {
	clear: both;
	height: 300px;
}
.c-main-right-tablepic{
	margin-left: 20px;
	height: 335px;
}
.c-main-right-tablepic-table {
	float: left;
	width: 48%;
}
.c-main-right-tablepic-table-header {
	font-family: 微软雅黑;
	font-weight: bold;
	font-size: 14px;
	padding: 20px 0px 10px 4px;
	border-bottom: 1px #ccc solid;
}
.c-main-right-tablepic-table-body {
	font-family: 微软雅黑;
	margin: 8px 0px 0px 4px;
}
.c-main-right-tablepic-pic {
	float: right;
	width: 48%;
}
.c-main-right-tablepic-header {
	font-family: 微软雅黑;
	font-weight: bold;
	font-size: 14px;
	padding: 20px 0px 10px 4px;
	border-bottom: 1px #ccc solid;
}
.c-main-right-tablepic-pic-class {
	height: 300px;
}
.c-main-right-sec {
	width: 98%;
	font-family: 微软雅黑;
	font-size: 16px;
	
}
.c-main-right-secpic-header {
	font-weight: bold;
	padding: 20px 0px 0px 4px;
	margin:20px 0px 0px 0px;
}
.c-main-right-secpic {
	height: 0;
}
.c-main-right-comment {
	margin: 20px 0px 0px 20px;
	font-family: 微软雅黑;
}
.c-main-right-comment-list {
	float: left;
	width: 48%;
}

.c-main-right-comment-header {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 10px 8px;
}
.c-main-right-comment-item {
	padding : 20px 0px 0px 0px;
	border-top: 1px #ccc solid;
}
.c-main-right-comment-item-title {
	
}
.c-main-right-commnet-item-info {
	float: left;
}
.c-main-right-commnet-item-pic {
	width: 34px;
	height: 34px;
}
.c-main-right-commnet-item-name {
	float: left;
	font-weight: bold;
	font-size: 14px;
	padding: 8px 0px 0px 10px;
	height: 26px;
	width: 40%;
}
.c-main-right-commnet-item-date {
	float: right;
	color:#C8C5C5;
	font-size: 12px;
	padding: 8px 0px 0px 0px;
	height: 26px;
}
.c-main-right-comment-item-content {
	font-size: 14px;
	clear: both;
	padding: 10px 0px 20px 0px;
}

.c-main-right-count {
	font-family: 微软雅黑;
	font-size: 14px;
	float: right;
	width: 50%;
}
.c-main-right-count-header {
	font-family: 微软雅黑;
	font-weight: bold;
	font-size: 14px;
	padding: 20px 0px 10px 4px;
	border-bottom: 1px #ccc solid;

}
.c-avg-column1 {
	float: left;
	width: 30%;
}
.c-avg-column2 {
	text-align: left;
	float: left;
	width: 30%;
}
.c-avg-column3 {
	text-align: left;
	float: left;
	width: 20%;
}
.c-avg-column4 {
	text-align: left;
	float: left;
	width: 20%;
}
.c-main-right-count-title {
	border-top: 1px #ccc solid;
	margin: 0px 10px 0px 20px ;
	padding: 15px 0px 0px 4px;
	font-weight: bold;
}
.c-main-right-count-item-no {
	margin: 30px 10px 0px 20px ;
	padding: 15px 0px 15px 4px;
}
.c-main-right-count-item {
	border-top: 1px #ccc solid;
	margin: 10px 10px 0px 20px ;
	padding: 15px 0px 15px 4px;
}

table {
	font-size: 14px;
	border-collapse: collapse;
	width: 95%;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;

}
table tr {
	border-collapse: collapse;
	margin:20;
	padding:10;
	border-top: 1px #ccc solid;
}
table tr td {
	border-collapse: collapse;
	margin:20;
	padding:10;
}
.c-tr-noborder{
	border:0;
}

table.dataTable thead th, table.dataTable thead td {
	border:none;
	text-align: left;
	font-size: 14px;
}
.c-foot {
	clear: both;
	height: 150px;
	background: #fff;
}